<!doctype html>
<!--
@license
Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
Code distributed by Google as part of the polymer project is also
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
-->

<style>

  x-trivial {
    display: block;
    padding: 8px;
  }

</style>

<script>

  var XTrivial = Polymer.Class({

    is: 'x-trivial',

    created: function() {
      this.innerHTML = 'x-trivial';
    }

  });

  document.registerElement('x-trivial', XTrivial);

</script>

<script>

  var XTrivial2 = Polymer.Class({

    is: 'x-trivial2',

    created: function() {
      this.innerHTML = 'x-trivial2';
    }

  });

  document.registerElement('x-trivial2', XTrivial2);

</script>


<style>

  [is=x-extension] {
    padding: 12px;
    font-size: 1.2em;
    font-weight: bold;
  }

</style>

<script>

  var XInput = Polymer.Class({

    extends: 'input',

    created: function() {
      this.value = 'x-extension';
    }

  });

  document.registerElement('x-extension', XInput);

</script>